---
name: 蓝沙系列方块
color: yesa
collect: true
---

## 使用组件之前

请把 frontmatter 中 `collect` 字段设置为 `true` ！

## 引入一系列组件

```jsx
import SubItem from '@markdown/common/SubItem.astro'
import ItemProperty from '@/components/Property/ItemProperty/IdQuery.astro'
```

import SubItem from '@markdown/common/SubItem.astro'
import ItemProperty from '@/components/Property/ItemProperty/IdQuery.astro'

## 使用组件

### 第一步，写下 SubItem 组件

```mdx
<SubItem title="标题">

</SubItem>
```

### 第二步，在 SubItem 内写下正文

```mdx
<SubItem>
## 蓝沙 (Blue Sand)

### 合成

<Formula formula={/** 配方内容 */} />
</SubItem>
```

### 第三步（可选），为物品添加侧边栏信息

```mdx
<SubItem>
{/* ... markdown 正文 */}

{/* id 为物品的注册名，slot 部分一定要设置为 property */}
<ItemProperty id="blue_sand" slot="property" />
</SubItem>
```
恭喜你，你得到了一个附带侧边栏的子物品组件

<SubItem>
## 蓝沙 (Blue Sand)

### 合成
<Formula formula={{
  "type": "minecraft:crafting_shaped",
  "pattern": [
    "bbb",
    "bab",
    "bbb"
  ],
  "key": {
    "b": {
      "item": "minecraft:sand"
    },
    "a": {
      "item": "minecraft:blue_dye"
    }
  },
  "result": {
    "item": "providencraft:blue_sand",
    "count": 8
  }
}} />

  <ItemProperty id="blue_sand" slot="property" />
</SubItem>